<template>
    <div class="ranking_bg">
    <el-row >
        <el-col class="k" :span="6">排名</el-col>
        <el-col class="k" :span="10">用户名</el-col>
        <el-col class="k" :span="8">题量</el-col>
     </el-row>
  <ul>
    <li v-for="i in count" :key="i">
        <el-row >
            <el-col :span="2">{{ i }}</el-col>
            <el-col :span="14">用户名</el-col>
            <el-col :span="8">题量</el-col>
        </el-row>
    </li>
  </ul>
    </div>
</template>

<script setup>
 
 const count=10

</script>

<style >
    .ranking_bg{
        background-color: var(--el-bg-color-overlay);
        border-radius: 10px;
        font-size: small;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);  
    }
    .el-row .k{
        padding-top:20px;
        
    }
    
    .el-row{
        text-align: center;
    }

</style>